<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf - 8">
        <meta name = "viewport" content="initial-scale= 1.0,maximum-scale=1.0,user-scalable=no">
        <title>

        </title>
        <script src="C:/Users/24098/Desktop/978-7-302-48199-7《HTML5 App应用开发教程》教辅/配套资源包/chapter06/scripts/jquery-3.1.1.min.js">
        </script>
    </head>
    <body>
        <input type="text"  id = "myname" value = "huangbo"/>
        <select id  = "single">
            <option>Single1</option>
            <option>Single2</option>
        </select>
        <select id = "multiple" multiple = "multiple">
            <option>Multiple1</option>
            <option>Multiple2</option>
            <option selected = "selected">Multiple3</option>
        </select><br/>
        <input type = "checkbox" name = "course" checked 
        value="Javascript"/>Javascript
        <input type="checkbox" name = "course" value="HTML5"/>HTML5<br/>
        <input type="radio" name = "gender" value ="boy"/>男
        <input type="radio" name = "gender" value ="girl" checked/>女
        <script>
            
            $(function(){
                alert($("#myname").val());
                alert($("#single").val());
                alert($("#multiple").val());
                alert($("input[name= 'course']:checked").val());
                alert($("input[name='gender']:checked").val());
                $("#myname").val("hello");
                $("#single").val("Single2");
                $("#multiple").val(["Multiple2","Multiple3"])
            });
        </script>

    </body>
</html>